{extends "../@layout.xml"}
{if $mode === 'backdrop'}
    {var $backdrops = $user->getBackDropPictureURLs()}
{/if}

{block title}{_edit_page}{/block}

{block header}
    {_edit_page}
{/block}

{block content}
    {var $isMain      = $mode === 'main'}
    {var $isContacts  = $mode === 'contacts'}
    {var $isInterests = $mode === 'interests'}
    {var $isAvatar    = $mode === 'avatar'}
    {var $isBackDrop  = $mode === 'backdrop'}

    <div n:if="$user->hasPendingNumberChange()" class="msg">
        <b>Подтверждение номера телефона</b><br/>
        Введите код для подтверждения смены номера: <a href="/edit/verify_phone">ввести код</a>.
    </div>

    <div class="tabs">
        <div n:attr="id => ($isMain ? 'activetabs' : 'ki')" class="tab">
            <a n:attr="id => ($isMain ? 'act_tab_a' : 'ki')" href="/edit">{_main}</a>
        </div>
        <div n:attr="id => ($isContacts ? 'activetabs' : 'ki')" class="tab">
            <a n:attr="id => ($isContacts ? 'act_tab_a' : 'ki')" href="/edit?act=contacts">{_contacts}</a>
        </div>
        <div n:attr="id => ($isInterests ? 'activetabs' : 'ki')" class="tab">
            <a n:attr="id => ($isInterests ? 'act_tab_a' : 'ki')" href="/edit?act=interests">{_interests}</a>
        </div>
        <div n:attr="id => ($isAvatar ? 'activetabs' : 'ki')" class="tab">
            <a n:attr="id => ($isAvatar ? 'act_tab_a' : 'ki')" href="/edit?act=avatar">{_avatar}</a>
        </div>
        <div n:attr="id => ($isBackDrop ? 'activetabs' : 'ki')" class="tab">
            <a n:attr="id => ($isBackDrop ? 'act_tab_a' : 'ki')" href="/edit?act=backdrop">{_backdrop_short}</a>
        </div>
    </div>

    <div class="container_gray">
        {if $isMain}

        <h4>{_main_information}</h4>
        <form action="/edit?act=main" method="POST" enctype="multipart/form-data">
            <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
                <tbody>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_name}: </span>
                        </td>
                        <td>
                            <input type="text" name="first_name" value="{$user->getFirstName(true)}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_surname}: </span>
                        </td>
                        <td>
                            <input type="text" name="last_name" value="{$user->getLastName(true)}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_nickname}: </span>
                        </td>
                        <td>
                            <input type="text" name="pseudo" value="{$user->getPseudo()}" />
                        </td>
                    </tr>
                    {if OPENVK_ROOT_CONF['openvk']['credentials']['smsc']['enable']}
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_phone}: </span>
                        </td>
                        <td>
                            <input type="phone" name="phone" value="{$user->getPhone()}" />
                        </td>
                    </tr>
                    {/if}
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_status}: </span>
                        </td>
                        <td>
                            <input type="text" name="status" value="{$user->getStatus()}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_hometown}: </span>
                        </td>
                        <td>
                            <input type="text" name="hometown" value="{$user->getHometown()}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_relationship}: </span>
                        </td>
                        <td>
                            <select name="marialstatus" onChange="toggleMaritalStatus(this)">
                                <option n:foreach="range(0, 8) as $i" n:attr="selected => ($user->getMaritalStatus() == $i)" value="{$i}">
                                    {if $user->isFemale()}
                                        {var $str = "relationship_$i"}
                                        {if tr($str . "_fem") == ("@$str" . "_fem")}
                                            {_$str}
                                        {else}
                                            {tr($str . "_fem")}
                                        {/if}
                                    {else}
                                        {_"relationship_$i"}
                                    {/if}
                                </option>
                            </select>
                        </td>
                    </tr>
                    <tr id="maritalstatus-user"
                        n:attr="style => $user->getMaritalStatusUser() || ($user->getMaritalStatus() && !in_array($user->getMaritalStatus(), [0, 1, 8])) ? '' : 'display: none;'">
                        <td width="120" valign="top"></td>
                        <td>
                            <input type="text" placeholder="{_page_address}" name="maritalstatus-user"
                                   n:attr="value => $user->getMaritalStatusUser() ? $user->getMaritalStatusUser()->getId() : ''" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_politViews}: </span>
                        </td>
                        <td>
                            <select name="politViews">
                                <option n:foreach="range(0, 9) as $i" n:attr="selected => ($user->getPoliticalViews() == $i)" value="{$i}">
                                    {tr("politViews_" . $i)}
                                </option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_pronouns}: </span>
                        </td>
                        <td>
                            <select name="pronouns">
                                <option value="0" {if $user->getPronouns() == 0}selected{/if}>{_male}</option>
                                <option value="1" {if $user->getPronouns() == 1}selected{/if}>{_female}</option>
                                <option value="2" {if $user->getPronouns() == 2}selected{/if}>{_neutral}</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                             <span class="nobold">{_birth_date}: </span>
                        </td>
                        <td>
                            <input max={date('Y-m-d')} name="birthday" value={is_null($user->getBirthday()) ? NULL : $user->getBirthday()->format('%Y-%m-%d')} type="date" style="margin-bottom: 7px;" />
                            <select name="birthday_privacy">
                                <option value="0" {if $user->getBirthdayPrivacy() == 0}selected{/if}>{_show_my_birthday}</option>
                                <option value="1" {if $user->getBirthdayPrivacy() == 1}selected{/if}>{_show_only_month_and_day}</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                        </td>
                        <td>
                            <label><input type="checkbox" name="broadcast_music" n:attr="checked => $user->isBroadcastEnabled()">{_broadcast_audio}</label>
                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                        <td>
                            <input type="hidden" name="hash" value="{$csrfToken}" />
                            <input type="submit" value="{_save}" class="button" />
                        </td>
                    </tr>
                </tbody>
            </table>
            <script>
                function toggleMaritalStatus(e) {
                    let elem = $("#maritalstatus-user");
                    $("#maritalstatus-user-select").empty();
                    if ([0, 1, 8].includes(Number(e.value))) {
                        elem.hide();
                    } else {
                        elem.show();
                    }
                }
            </script>
        </form>

        {elseif $isContacts}

        <h4>{_contact_information}</h4>
        <form action="/edit?act=contacts" method="POST" enctype="multipart/form-data">
            <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
                <tbody>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_email}: </span>
                        </td>
                        <td>
                            <input type="email" name="email_contact" value="{$user->getContactEmail()}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_telegram}: </span>
                        </td>
                        <td>
                            <input type="text" name="telegram" value="{$user->getTelegram()}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_personal_website}: </span>
                        </td>
                        <td>
                            <input type="text" name="website" value="{$user->getWebsite()}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_city}: </span>
                        </td>
                        <td>
                            <input type="text" name="city" value="{$user->getCity()}" />
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_address}: </span>
                        </td>
                        <td>
                                <input type="text" name="address" value="{$user->getPhysicalAddress()}" />
                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                        <td>
                            <input type="hidden" name="hash" value="{$csrfToken}" />
                            <input type="submit" value="{_save}" class="button" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>

        {elseif $isInterests}

        <h4>{_personal_information}</h4>
        <form action="/edit?act=interests" method="POST" enctype="multipart/form-data">
            <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
                <tbody>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_interests}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="interests">{$user->getInterests()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_favorite_music}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="fav_music">{$user->getFavoriteMusic()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_favorite_films}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="fav_films">{$user->getFavoriteFilms()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_favorite_shows}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="fav_shows">{$user->getFavoriteShows()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_favorite_books}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="fav_books">{$user->getFavoriteBooks()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_favorite_quotes}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="fav_quote">{$user->getFavoriteQuote()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_information_about}: </span>
                        </td>
                        <td>
                            <textarea type="text" name="about">{$user->getDescription()}</textarea>
                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                        <td>
                            <input type="hidden" name="hash" value="{$csrfToken}" />
                            <input type="submit" value="{_save}" class="button" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>

        {elseif $isAvatar}

        <h4>{_profile_picture}</h4>
        <form action="/al_avatars" method="POST" enctype="multipart/form-data">
            <table cellspacing="7" cellpadding="0" width="60%" border="0" align="center">
                <tbody>
                    <tr>
                        <td width="120" valign="top">
                            <span class="nobold">{_picture}: </span>
                        </td>
                        <td>
                            <label class="button" style="">{_browse}
                                <input type="file" id="blob" name="blob" style="display: none;" onchange="filename.innerHTML=blob.files[0].name" />
                            </label>
                            <div id="filename" style="margin-top: 10px;"></div>
                        </td>
                    </tr>
                    <tr>
                        <td>

                        </td>
                        <td>
                            <input type="hidden" name="hash" value="{$csrfToken}" />
                            <input type="submit" value="{_save}" class="button" />
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>

        {elseif $isBackDrop}

        <h4>{_backdrop}</h4>
        <p>{_backdrop_desc}</p>
        <form method="POST" enctype="multipart/form-data">
            <div id="backdropEditor">
                <div id="backdropFilePicker">
                    <label class="button" style="">{_browse}<input type="file" accept="image/*" name="backdrop1" style="display: none;"></label>
                    <div id="spacer" style="width: 366px;"></div>
                    <label class="button" style="">{_browse}<input type="file" accept="image/*" name="backdrop2" style="display: none;"></label>
                    <div id="spacer" style="width: 366px;"></div>
                </div>
            </div>

            <p>
                <span class="nobold">{_backdrop_warn}</span>
            </p>
            <p>
                <span class="nobold">{_backdrop_about_adding}</span>
            </p>
            <p><br/></p>

            <input type="hidden" name="hash" value="{$csrfToken}" />
            <div>
                <center>
                    <button name="subact" value="save" class="button">{_backdrop_save}</button>
                    <button name="subact" value="remove" class="button">{_backdrop_remove}</button>
                </center>
            </div>
        </form>

        {/if}
    </div>

{/block}
